import QtQuick 2.12

Row {

    property var hUnit: 50

    width: parent.width
    height: hUnit

    property var fileName: "test"
    property var len: 0
    property var rate: 0
    property var type: "recv"
    property var deviceName: "qwe"
    property var magicNum: -1

//    anchors.leftMargin: 1
//    anchors.topMargin: 0
//    anchors.rightMargin: 1
//    anchors.bottomMargin: 0

    Rectangle {
        id: rectangle
        width: hUnit*3
        height: hUnit
        Text{
            anchors.centerIn: parent
            font.pointSize: 10
            text: fileName
        }
    }

    Rectangle {
        id: rectangle1

        width: hUnit * 4
        height: hUnit

        Rectangle {
            anchors.verticalCenter: parent.verticalCenter
            width: (hUnit * 4.0) * (len / 100)
            height: hUnit * 0.5
            color: 'skyblue'
        }
    }

    Rectangle {
        id: rectangle2
        width: hUnit*2
        height: hUnit
        Text{
            anchors.centerIn: parent
            font.pointSize: 10
            text: rate
        }

    }
    Rectangle {
        id: rectangle3
        Text{
            anchors.centerIn: parent
            font.pointSize: 10
            text: type
        }
        width: hUnit*2
        height: hUnit

    }
    Rectangle {
        id: rectangle4
        Text{
            anchors.centerIn: parent
            font.pointSize: 10
            text: deviceName
        }
        width: hUnit*3
        height: hUnit
    }

}
